/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  // Text,
  View,
  ImageBackground
} from 'react-native';

import { Text, ButtonLight } from '../../../library';
import { Addcbtn, Editcunit } from '../../../preset'

export default class EditIndex extends Component {
  render() {
    return (
      <View style={styles.container}>
        <ImageBackground style={styles.cover}>
            <Text style={styles.title}>点击设置标题</Text>
            <ButtonLight style={styles.button}>更换封面</ButtonLight>
        </ImageBackground>
        <Addcbtn activeBool={true}></Addcbtn>
        <Editcunit text='点击可输入文字'></Editcunit>
        <Addcbtn activeBool={true}></Addcbtn>
      </View>
    );
  }
}

const styles = {
  container: {
    flex: 1,
    backgroundColor:'#f2f2f6'
  },
  cover: {
      width:'100%',
      height:130,
      backgroundColor:'#d7d7d7'
  },
  title: {
      fontSize:22,
      color:'#fff',
      marginBottom:15,
      marginLeft:10,
      marginTop:10,
      fontWeight:'bold'
  },
  button: {
      position:'absolute',
      right:10,
      top:100,
      fontSize:15,
      width:70,
      color:'#515151',
      backgroundColor:'#fff',
      borderRadius:8,
      height:20
  }
};
